<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>成都小风车科技</title>
    <link rel="icon" href="img/favicon.ico" type="images/x-icon">
    <link rel="shortout icon" href="img/favicon.ico" type="images/x-icon">
    <!-- <link rel="stylesheet" href="css/bootstrap-theme.css"> -->
    <!-- <link rel="stylesheet" href="css/bootstrap.css"> -->
    <link rel="stylesheet" href="css/ChengDFengCh.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_803257_3ilxsfa3qmf.css">
    <!-- <script src="js/jquery.min.js"></script> -->
    <script src="js/jquery2.1.4.min.js"></script>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
     integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    <!-- <script type="text/javascript" src="js/bootstrap.js"></script> -->

</head>
<body>
    <!-- 头部开始 -->
    <div id="header">
        <div class="container">
            <div class="navbar navbar-default" role="navigation">
                <div class="navbar-header">
                    <a class="navbar-brand" href="/"></a>
            
                    <button type="button" class="navbar-toggle toggle-button" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                        <span class="sr-only">切换导航</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <div class="collapse navbar-collapse navbar-ex1-collapse" id="nav-right">
                    <ul class="nav navbar-nav navbar-right">
                        <li>
                            <a class="active" href="#">
                            <i class="iconfont icon-home"></i>
                            网站首页
                            </a>
                        </li>
                        <li><a href="">服务与支持</a></li>
                        <li><a href="">产品展示</a></li>
                        <li><a href="">客户</a></li>
                        <li><a href="">关于我们</a></li>
                        <li class="dropdown">
                            <a href="#"class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                                <img src="img/logo_msg.png" width="38" height="37" alt="">
                            </a>
                            <ul class="dropdown-menu" role="menu">
                                <li style="padding:15px"><img src="img/Quickmark.png"></li>
                            </ul>
                        </li>
                    </ul>
                </div>
                
                
            </div>
        </div> 

    </div>
    <!-- 头部结束 -->
    <!-- 轮播图效果开始 -->
    
    <div id="carousel-id" class="carousel slide" data-ride="carousel">
        <!-- <ol class="carousel-indicators">
            <li data-target="#carousel-id" data-slide-to="0" class=""></li>
            <li data-target="#carousel-id" data-slide-to="1" class=""></li>
            <li data-target="#carousel-id" data-slide-to="2" class="active"></li>
        </ol> -->
        <div class="carousel-inner">
            <div class="item">
                <div class="carousel-title">
                    <h1>认真做事，小而美！ Small and beautiful!</h1>
                    <p class="lead"></p>
                </div>
                <div>
                    <img data-src="holder.js/900x500/auto/#666:#6a6a6a/text:Second slide" alt="Second slide" src="img/ppt1.jpg">
                </div>
                
                <!-- <div class="container">
                    <div class="carousel-caption">
                        <h1>Another example headline.</h1>
                        <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                        <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>
                    </div>
                </div> -->
            </div>
            <div class="item active">
                <div class="carousel-title">
                        <h1>自主软件研发、大数据、金融服务、IT技术培训。</h1>
                    <p class="lead"></p>
                </div>
                <div>
                    <img data-src="holder.js/900x500/auto/#555:#5a5a5a/text:Third slide" alt="Third slide" src="img/ppt3.jpg">
                </div>
                
                <!-- <div class="container">
                    <div class="carousel-caption">
                        <h1>One more for good measure.</h1>
                        <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                        <p><a class="btn btn-lg btn-primary" href="#" role="button">Browse gallery</a></p>
                    </div>
                </div> -->
            </div>
        </div>
        <a class="left carousel-control" href="#carousel-id" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
        <a class="right carousel-control" href="#carousel-id" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
    </div>
    
    
    <!-- 轮播图效果结束 -->
    <!-- 服务与支持开始 -->
    <div class="ser-surp">
        <div class="container">
            <div class="ser-surp-title">
                <h2>服务与支持</h2>
                <div></div>
            </div>
            <div class="row ser-surp-content" id="box">
                <div class="">
                    <img src="img/serve1.png" alt="">
                    <h4>系统集成</h4>
                    <p>
                    低成本的、高效率的<br>
                    性能匀称的<br>
                    可扩充性、可维护
                    </p>
                </div>
                <div class="">
                        <!-- col-md- col-sm-6 col-xs-12 -->
                    <img src="img/serve2.png" alt="">
                    <h4>APP应用开发</h4>
                    <p>
                    iOS、Andriod<br>
                    抢占商机、清新美观<br>
                    体验感强、成本低廉
                    </p>
                </div>
                <div class="">
                    <img src="img/serve3.png" alt="">
                    <h4>网站开发</h4>
                    <p>
                    HTML5+CSS3+JAVA(PHP)<br>
                    美观大方，完美体验<br>
                    安全性能高
                    </p>
                </div>
                <div class="">
                    <img src="img/serve4.png" alt="">
                    <h4>企业应用</h4>
                    <p>
                    功能全面，界面美观<br>
                    安全性能高<br>
                    无缝对接的后期维护
                    </p>
                </div>
                <div class="">
                    <img src="img/serve5.png" alt="">
                    <h4>CRM</h4>
                    <p>
                    客户资源、客户关系<br>
                    客户数据<br>
                    客户关怀等管理维护
                    </p>
                </div>
            </div>
        </div>
    </div>
    <!-- 服务与支持结束 -->
    <!-- 产品展示开始 -->
    <div class="product">
        <div class="container">
            <div class="pro-title">
                <h2>产品展示</h2>
                <div></div>
            </div>
            <div class="row pro-content" id="box">
                <div class="col-md-4 col-sm-6 col-xs-12">
                    <div class="pic-text">
                        <div class="cover"></div>
                        <img src="img/product_app1.png" alt="">
                        <h5>爱鲜生</h5>
                        <span>电商APP应用开发</span>
                    </div>        
                </div>
                <div class="col-md-4 col-sm-6 col-xs-12">
                    <div class="pic-text">
                        <img src="img/product_com4.jpg" alt="">
                        <div class="cover"></div>
                        <h5>温江规划局</h5>
                        <span>政府应用开发</span>
                    </div>    
                </div>
                <div class="col-md-4 col-sm-6 col-xs-12">
                    <div class="pic-text">
                        <img src="img/product_com2.png" alt="">
                        <div class="cover"></div>
                        <h5>销售助手管理平台</h5>
                        <span>运营商应用开发</span>
                    </div>    
                </div>
                <div class="col-md-4 col-sm-6 col-xs-12">
                    <div class="pic-text">
                        <img src="img/product_com5.jpg" alt="">
                        <div class="cover"></div>
                        <h5>雅安科技馆</h5>
                        <span>网站/微信/呼叫中心建设</span>
                    </div>    
                </div>
                <div class="col-md-4 col-sm-6 col-xs-12">
                    <div class="pic-text">
                        <img src="img/product_web3.png" alt="">
                        <div class="cover"></div>
                        <h5>中丹环保环保管家系统</h5>
                        <span>一站式环保综合服务平台</span>
                    </div>    
                </div>
                <div class="col-md-4 col-sm-6 col-xs-12">
                    <div class="pic-text">
                        <img src="img/product_we1.png" alt="">
                        <div class="cover"></div>
                        <h5>国网乐山人资互动平台</h5>
                        <span>微信公众号</span>
                    </div>    
                </div>
            </div>
        </div>
    </div>
     <!-- 产品展示结束 -->
     <!-- 我们的客户开始 -->
    <div class="client">
        <div class="container">
            <div class="client-title">
                <h2>我们的客户</h2>
                <div></div>
            </div>
            <div class="col-md-3 col-sm-6 cover-posi">
                <div class="cover"></div>
                <a href=""></a>
            </div>
            <div class="col-md-3 col-sm-6 cover-posi">
                <div class="cover"></div>
                <a href=""></a>
            </div>
            <div class="col-md-3 col-sm-6 cover-posi">
                <div class="cover"></div>
                <a href=""></a>
            </div>
            <div class="col-md-3 col-sm-6 cover-posi">
                <div class="cover"></div>
                <a href=""></a>
            </div>
        </div>
    </div>
     <!-- 我们的客户结束 -->
     <!-- 关于我们开始 -->
     <div class="about-us">
         <div class="container">
            <div class="about-title">
                <h2>关于我们</h2>
                <div></div>
            </div>
            <div class="about-content">
                以客户需求为导向，以客户价值为目标，以客户满意为标准<br>
        坚持变革，倡导创新，持续成长。
        快速反应，快速决策，快速行动<br>
        企业与员工共同成长，
        专注主营业务。
            </div>
         </div>
     </div>
     <!-- 关于我们结束 -->
     <!-- 联系我们开始 -->
     <div class="contact-us">
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-sm-4 col-xs-12">
                    <i class="iconfont icon-phone"></i>
                    <h4>电话：028-67871837</h4>
                </div>
                <div class="col-md-4 col-sm-4 col-xs-12">
                    <i class="iconfont icon"></i>
                    <h4>地址：成都市高新区菁蓉国际广场4栋5楼A15</h4>
                </div>
                <div class="col-md-4 col-sm-4 col-xs-12">
                    <i class="iconfont icon-email1"></i>
                    <h4>邮箱：kefu@xfc123.com</h4>
                </div>
            </div>
        </div>
     </div>
     <!-- 联系我们结束 -->
     <!-- 尾部开始 -->
    <div class="footer">
        <div class="container">
            <div class="row">
                <div class="col-sm-12" style="font-size:16px;">
                        Copyright © 2017 Xiaofengche Inc. 保留所有权利。&nbsp;&nbsp;
                        蜀ICP备15020376号-1
                </div>
            </div>
        </div>
    </div>
     <!-- 尾部结束 -->
        
    
</body>
</html>